home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2009 June / PersonalComputerWorld-June2009-CoverdiscCD.iso / Software / Freeware / Firebug 1.3.3 / firebug-1.3.3-fx.xpi / skin / classic / layout.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2008-07-03  |  3.6 KB  |  218 lines
  1. /* See license.txt for terms of usage */
  2.  
  3. .panelNode-layout {
  4.     overflow: hidden !important;
  5. }
  6.  
  7. .outerLayoutBox {
  8.     overflow: hidden !important;
  9.     position: relative;
  10.     margin: 0 auto;
  11.     width: 300px;
  12.     height: 100%;
  13. }
  14.  
  15. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  16.  
  17. .layoutBox {
  18.     position: absolute;
  19.     border: 1px solid #4D8CA5;
  20.     top: 20px;
  21.     right: 20px;
  22.     bottom: 20px;
  23.     left: 20px;
  24.     color: #333333;
  25. }
  26.  
  27. .offsetLayoutBox {
  28.     position: absolute;
  29.     top: 12px;
  30.     bottom: 12px;
  31.     left: 15px;
  32.     width: 260px;
  33.     max-height: 260px;
  34.     min-height: 180px;
  35. }
  36.  
  37. .marginLayoutBox {
  38.     border: 1px dashed #BBBBBB;
  39.     background: #FFFFFF;
  40. }
  41.  
  42. .borderLayoutBox {
  43.     background: #6CB5DF;
  44. }
  45.  
  46. .paddingLayoutBox {
  47.     background: #00F3F3;
  48. }
  49.  
  50. .contentLayoutBox {
  51.     background: #00F3F3;
  52. }
  53.  
  54. .layoutBox.editing,
  55. .layoutBox.highlighted {
  56.     background-color: Highlight;
  57. }
  58.  
  59. .layoutBox.editing,
  60. .layoutBox.editing > .layoutCaption,
  61. .layoutBox.editing > .layoutLabel,
  62. .layoutBox.highlighted,
  63. .layoutBox.highlighted > .layoutCaption,
  64. .layoutBox.highlighted > .layoutLabel {
  65.     color: HighlightText;
  66.     -moz-opacity: 1.0;
  67. }
  68.  
  69. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  70.  
  71. .layoutCaption {
  72.     position: absolute;
  73.     left: 2px;
  74.     top: 2px;
  75.     font-size: 9px;
  76.     color: #555555;
  77. }
  78.  
  79. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  80.  
  81. .layoutLabel {
  82.     position: absolute;
  83. }
  84.  
  85. .layoutLabel.v0 {
  86.     -moz-opacity: 0.2;
  87. }
  88.  
  89. .layoutLabelTop {
  90.     left: 0;
  91.     top: 2px;
  92.     width: 100%;
  93.     text-align: center;
  94. }
  95.  
  96. .layoutLabelBottom {
  97.     left: 0;
  98.     bottom: 2px;
  99.     width: 100%;
  100.     text-align: center;
  101. }
  102.  
  103. .layoutLabelLeft {
  104.     top: 50%;
  105.     left: 0;
  106.     width: 20px;
  107.     margin-top: -0.5em;
  108.     text-align: center;
  109. }
  110.  
  111. .layoutLabelRight {
  112.     top: 50%;
  113.     right: 0;
  114.     width: 20px;
  115.     margin-top: -0.5em;
  116.     text-align: center;
  117. }
  118.  
  119. .layoutLabelCenter {
  120.     left: 0;
  121.     top: 50%;
  122.     width: 100%;
  123.     margin-top: -0.5em;
  124.     text-align: center;
  125. }
  126.  
  127. .layoutLabelWidth,
  128. .layoutLabelHeight {
  129.     position: static;
  130. }
  131.  
  132. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  133.  
  134. .layoutEdge {
  135.     position: absolute;
  136. }
  137.  
  138. .parentLeft > .layoutEdgeLeft,
  139. .parentRight > .layoutEdgeRight,
  140. .parentTop > .layoutEdgeTop,
  141. .parentBottom > .layoutEdgeBottom {
  142.     background: #EEEEEE;
  143. }
  144.  
  145. .siblingLeft > .layoutEdgeLeft {
  146.     border-left: 1px dashed #BBBBBB;
  147. }
  148.  
  149. .siblingRight > .layoutEdgeRight {
  150.     border-right: 1px dashed #BBBBBB;
  151. }
  152.  
  153. .siblingTop > .layoutEdgeTop {
  154.     border-top: 1px dashed #BBBBBB;
  155. }
  156.  
  157. .siblingBottom > .layoutEdgeBottom {
  158.     border-bottom: 1px dashed #BBBBBB;
  159. }
  160.  
  161. .siblingLeft > .layoutEdgeTop,
  162. .siblingLeft > .layoutEdgeBottom {
  163.     left: 0;
  164. }
  165.  
  166. .siblingRight > .layoutEdgeTop,
  167. .siblingRight > .layoutEdgeBottom {
  168.     right: 0;
  169. }
  170.  
  171. .siblingTop > .layoutEdgeLeft,
  172. .siblingTop > .layoutEdgeRight {
  173.     top: 0;
  174. }
  175.  
  176. .siblingBottom > .layoutEdgeLeft,
  177. .siblingBottom > .layoutEdgeRight {
  178.     bottom: 0;
  179. }
  180.  
  181. .parentLeft.parentTop > .layoutEdgeLeft,
  182. .parentRight.parentTop > .layoutEdgeRight {
  183.     top: 0;
  184. }
  185.  
  186. .parentLeft.parentBottom > .layoutEdgeLeft,
  187. .parentRight.parentBottom > .layoutEdgeRight {
  188.     bottom: 0;
  189. }
  190.  
  191. .layoutEdgeTop {
  192.     left: 20px;
  193.     right: 20px;
  194.     top: 0;
  195.     height: 20px;
  196. }
  197.  
  198. .layoutEdgeBottom {
  199.     left: 20px;
  200.     right: 20px;
  201.     bottom: 0;
  202.     height: 20px;
  203. }
  204.  
  205. .layoutEdgeLeft {
  206.     left: 0;
  207.     top: 20px;
  208.     bottom: 20px;
  209.     width: 20px;
  210. }
  211.  
  212. .layoutEdgeRight {
  213.     right: 0;
  214.     top: 20px;
  215.     bottom: 20px;
  216.     width: 20px;
  217. }
  218.